:root {
}
body {
  font-family:
    Inter, system-ui, Avenir, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
    '微软雅黑', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
html,
body,
#app {
  width: 100vw;
  height: 100vh;
  padding: 0;
  margin: 0;
}
html,
body {
  overflow: hidden;
}
* {
  box-sizing: border-box;
  outline: none;
}
.scroll {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  &::-webkit-scrollbar {
    width: 6px;
    height: 100%;
    border-radius: 30px;
    background: rgba(228, 228, 227, 1);
  }
  &::-webkit-scrollbar-track {
    width: 6px;
    height: 100%;
    border-radius: 30px;
    background: rgba(228, 228, 227, 1);
  }
  &::-webkit-scrollbar-thumb {
    width: 6px;
    height: 47px;
    border-radius: 30px;
    background: #ddd6fe;
    cursor: pointer;
    &:hover {
      background: #818cf8;
    }
    &:active {
      background: #818cf8;
    }
  }
  &::-webkit-scrollbar-button {
    display: none;
  }
}
